<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		 <!--[if lt IE 9]>
    <script src="../js/jquery-1.11.3.js"></script>
    
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="../js/jquery-3.1.1.js"></script>
<!--<![endif]-->
<script type="text/javascript">
$(document).ready(function(){
  $("p:first").css("background-color","yellow");
   $("p:last").css("background-color","#008000");
    $("tr:even").css("background-color","#98E1F5");
     $("tr:odd").css("background-color","aliceblue");
      $("p:first-child").css("background-color","yellow");
        $("p:last-child").css("background-color","#0000FF");
});
</script>
	</head>
	<body>
		
		
<h1>h1-欢迎访问我的主页</h1>
<p>pjquery教程</p>


<div style="border:1px solid;">
<p>The first paragraph in div.</p>
<p>The last paragraph in div.</p>
</div><br>

<div style="border:1px solid;">
<span>This is a span element.</span>
<p>The first paragraph in another div.</p>
<p>The last paragraph in another div.</p>
</div>
<p>p学的不仅是技术，更是梦想！</p>
<p>This is the second paragraph.</p>
<p>This is the last paragraph.</p>

<table border="1">
<tr>
  <th>网站名</th>
  <th>网址</th>
</tr>
<tr>
<td>Google</td>
<td>http://www.google.com</td>
</tr>
<tr>
<td>Baidu</td>
<td>http://www.baidu.com</td>
</tr>
<tr>
<td>菜鸟教程</td>
<td>http://www.runoob.com</td>
</tr>
<tr>
<td>淘宝</td>
<td>http://www.taobao.com</td>
</tr>
<tr>
<td>Facebook</td>
<td>http://www.facebook.com</td>
</tr>
</table>
	</body>
</html>
